<template>
  <div class="container">
    <float-menu class="float-menu" :titles="headerName"></float-menu>
    <div class="main-content">
      <div class="section" :id="headerName[0]">
        <h2>{{headerName[0]}}</h2>
        <standard></standard>
      </div>
      <div class="section" :id="headerName[1]">
        <h2>{{headerName[1]}}</h2>
        <general-plan></general-plan>
      </div>
      <div class="section" :id="headerName[2]">
        <h2>{{headerName[2]}}</h2>
        <axis></axis>
      </div>
    </div>
  </div>
</template>

<script>
import FloatMenu from '../components/FloatMenu.vue'
import Standard from '../components/Standard.vue'
import GeneralPlan from '../components/GeneralPlan.vue'
import Axis from '../components/Axis.vue'
import { menuAction } from '../mixin.js'

export default {
  components: { Standard, FloatMenu, GeneralPlan, Axis },
  name: "NbrPlan",
  data(){
    return{
      headerName:['规划指标', '总平面图', '轴测图']
    }
  },
  mixins: [ menuAction ]
}
</script>

<style scoped>

</style>